<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>采购订单</title>
		<meta name="description" content="Restyling jQuery UI Widgets and Elements" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<link rel="stylesheet" href="./../../assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="./../../assets/css/font-awesome.min.css" />
        <link rel="stylesheet" href="./../../assets/css/jquery-ui.min.css" />
		<link rel="stylesheet" href="./../../assets/css/ace.min.css" id="main-ace-style" />
        <link rel="stylesheet" href="../../css/salesPlat/common.css" />
		<link rel="stylesheet" href="./../../css/salesPlat/buyOrder.css" />
        <link rel="stylesheet" href="./../../css/salesPlat/buyOrderStorage.css" />
        <link rel="stylesheet" href="./../../css/salesPlat/infoTable.css" />

	</head>

	<body class="no-skin">
		<div class="main-container" id="main-container">
			<div class="main-content">
				<div class="page-content">

					<!-- /section:settings.box -->
					<div class="page-content-area">
						<div class="row">
							<div class="col-xs-12">

								<!-- PAGE CONTENT BEGINS -->
									<div class="order-right-topic bg-324">采购订单列表</div>
                                    <div class="order-right-info bg-324 mt2">
                                        <ul class="order-info-items clearfix">
                                            <li class="order-info-item l pd30 w25">商品名称<input class="order-info-input" type="text" placeholder="请输入商品名称"></li>
                                            <li class="order-info-item l ml40 w60">下单日期<input class="order-info-input w140" id="datepickerStart" type="text" placeholder="开始日期"><span class="date-span">——</span><input class="order-info-input w140 ml0" id="datepickerEnd" type="text" placeholder="结束日期"></li>
                                        </ul>
                                    </div>
									<div class="order-right-info bg-324 mt2">
										<ul class="order-info-items clearfix">
											<li class="order-info-item l pd30 w25">采购订单号<input class="order-info-input" type="text" placeholder="请输入商品名称"></li>
											<li class="order-info-item l ml40 w25">
                                                订单状态
                                                <select>
                                                    <option value="">已发货</option>
                                                </select>
                                            </li>
                                            <li class="order-info-item l w32">
                                                <button class="buy-btn-search">搜  索</button>
                                                <button class="buy-btn-reset">重  置</button>
                                            </li>
										</ul>
									</div>
									<div class="order-right-special bg-324 mt2">
                                        销售订单号<input type="text" placeholder="请输入销售订单号">
                                    </div>
									<div class="order-buy-btn">
                                        <button id="orderToBuy">下单</button>
									</div>

                                    <div class="buy-order-cate">
                                        <ul class="order-cate-items clearfix">
                                            <li class="order-cate-item">全部（<span>5</span>）</li>
                                            <li class="order-cate-item">待支付（<span>5</span>）</li>
                                            <li class="order-cate-item">待发货（<span>5</span>）</li>
                                            <li class="order-cate-item">待收货（<span>5</span>）</li>
                                            <li class="order-cate-item">已完成（<span>5</span>）</li>
                                            <li class="order-cate-item br0">已取消（<span>5</span>）</li>
                                        </ul>
                                    </div>

                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th class="order-topic center">商品信息</th>
                                                <th class="order-topic center">单价</th>
                                                <th class="order-topic center">数量</th>
                                                <th class="order-topic center">实付款</th>
                                                <th class="order-topic center">订单号</th>
                                                <th class="order-topic center">操作</th>
                                            </tr>
                                        </thead>
                                    <tbody>
                                        <tr class="sales-order-state">
                                            <td><span class="color-blue">订单号:</span>12321312</td>
                                            <td><span class="color-blue">下单日期：</span>2017-10-21 12：00：00</td>
                                            <td><span class="color-blue">交易状态：</span>未发货</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="order-info-wrap">
                                                    <img class="order-info-img"  src="./../../assets/img/pic1.png" alt="">
                                                    <div class="sales-order-info">
                                                        <div class="order-info-name">2017新款婚纱礼服新娘拖尾简约奢华欧美风</div>
                                                        <div class="order-info-desc">颜色：<span>白色</span>尺寸：<span>L</span></div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>￥598</td>
                                            <td>X1</td>
                                            <td>￥598</td>
                                            <td>￥598</td>
                                            <td>
                                                <div class="sales-order-operate"><a class="buy-pay" href="buyPay.html">立即支付</a></div>
                                                <div class="sales-order-operate mt4">取消订单</div>
                                                <div class="sales-order-operate mt4"><a href="buyOrderDetail.html">订单详情</a></div>
                                            </td>
                                        </tr>

                                    </tbody>
                                </table>
								<!-- PAGE CONTENT ENDS -->

							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content-area -->
				</div><!-- /.page-content -->
			</div><!-- /.main-content -->
		</div><!-- /.main-container -->

		<!--模态框-->
		<div class="modal fade" id="sendNow" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title" id="myModalLabel">
							直接发货
						</h4>
					</div>
					<div class="modal-body">
						<div class="modal-express-name">
                            快递公司
                            <select class="modal-express-select">
                                <option value="">顺丰速运</option>
                                <option value="">顺丰速运</option>
                            </select>
                        </div>
                        <div class="modal-express-num">
                            快递单号
                            <input type="text">
                        </div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn" data-dismiss="modal">返回
						</button>
						<button type="button" class="btn">
							提交
						</button>
					</div>
				</div><!-- /.modal-content -->
			</div><!-- /.modal -->
		</div>

        <script src="./../../assets/js/jquery.min.js"></script>
		<script src="./../../assets/js/bootstrap.min.js"></script>
        <script src="../../js/salesPlat/buyOrder.js"></script>

		<!-- page specific plugin scripts -->

        <script src="./../../assets/js/bootstrap-datepicker.min.js"></script>
        <script src="./../../assets/js/jquery-ui.min.js"></script>
		<script type="text/javascript">

                $( "#datepickerStart" ).datepicker({
                    showOtherMonths: true,
                    selectOtherMonths: false,
                });
                $( "#datepickerEnd" ).datepicker({
                    showOtherMonths: true,
                    selectOtherMonths: false,
                });

		</script>

	</body>
</html>
